<!--
 * @Author: didididijiajiajia 11643763+didididijiajiajia@user.noreply.gitee.com
 * @Date: 2023-08-21 20:34:05
 * @LastEditors: didididijiajiajia 11643763+didididijiajiajia@user.noreply.gitee.com
 * @LastEditTime: 2023-08-27 22:31:20
 * @FilePath: \vue低代码101-111\低代码平台\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->


<template>
  <div class="app">
    <Editor v-model="state"></Editor>
  </div>
</template>

<script setup>
import data from "./data.json";
import Editor from "./packages/editor";
import { provide, ref } from "vue";
import { registerConfig as config } from "./utils/editor-config";
const state = ref(data);
provide("config", config); //全局注入
</script>
<style scoped>
.app {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  right: 20px;
}
</style>
